<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Description: 
  User: wangguichun
  Date: 2018/4/14
  Time: 18:00
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>板块分类</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/base.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/nav.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/mask.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/topics.css">
</head>
<body>
<jsp:include page="common/nav.jsp"/>
<div class="main">
    <div class="content">
        <div class="parent-topic">
            <div class="header">
                <h2><i></i>&nbsp;&nbsp;板块分类</h2>
            </div>
        </div>

        <div class="son-topic" id="sonTopic">
            <ul>
                <c:forEach items="${allTopic}" var="topic">
                    <li>
                        <div class="topic-image">
                            <img src="${topic.image}">
                        </div>
                        <div class="topic-info">
                            <a href="${pageContext.request.contextPath}/ques/list/${topic.id}/1"
                               class="topic-name">${topic.name}</a>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>

    </div>
    <div class="sidebar">
        <div class="sidebar-top">
            <h3>热门话题</h3>
            <ul>
                <c:forEach items="${hotTopics}" var="topic" begin="0" end="4">
                    <li>
                        <div class="topic-info">
                            <img src="${topic.image}">
                            <div class="topic-name">
                                <a href="${pageContext.request.contextPath}/ques/list/${topic.id}/1">${topic.name}</a>
                                <div></div>
                            </div>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <%--右侧栏--%>
        <jsp:include page="common/footer.jsp"/>

    </div>
</div>

<jsp:include page="common/mask.jsp"/>


</body>
</html>